$(document).ready(function(){
	$(" #tuangou_cen3 > #tuangou_cen_ul3:not(:first)").hide();
	var myLiws = $("#tuangou_top3 > ul > li > a");
	var myDivws = $("#tuangou_cen3 > #tuangou_cen_ul3");
	myLiws.each(function(i){
	$(this).click(function(){
		myLiws.removeClass("tt");
		
		$(this).addClass("tt");
		myDivws.hide();
		myDivws.eq(i).show();
	 });
　	});
   
$(" #tuangou_cen1 > #tuangou_cen_ul1:not(:first)").hide();
	var myLiws1 = $("#tuangou_top1 > ul > li > a");
	var myDivws1 = $("#tuangou_cen1 > #tuangou_cen_ul1");
	myLiws1.each(function(i){
	$(this).click(function(){
		myLiws1.removeClass("tt");
		
		$(this).addClass("tt");
		myDivws1.hide();
		myDivws1.eq(i).show();
	 });
　	});

$(" #tuangou_cen2 > #tuangou_cen_ul2:not(:first)").hide();
	var myLiws2 = $("#tuangou_top2 > ul > li > a");
	var myDivws2 = $("#tuangou_cen2 > #tuangou_cen_ul2");
	myLiws2.each(function(i){
	$(this).click(function(){
		myLiws2.removeClass("tt");
		
		$(this).addClass("tt");
		myDivws2.hide();
		myDivws2.eq(i).show();
	 });
　	});
  
 });
 
 $(document).ready(function(){
	$(".map_right_ul > .mp_right_center:not(:first)").hide();
	var myLgw = $(".mp_right_top > ul > li > a");
	var myDgw = $(".map_right_ul > .mp_right_center");
	myLgw.each(function(i){
	$(this).mouseover(function(){
		myLgw.removeClass("cjy");
		
		$(this).addClass("cjy");
		myDgw.hide();
		myDgw.eq(i).show();
	 });
　	});
});

$(document).ready(function(){
	$(" .mp_center_ul >  .mp_center:not(:first)").hide();
	var myLzw = $(".mp_bottom > ul > li > a");
	var myDzw = $(".mp_center_ul > .mp_center");
	myLzw.each(function(i){
	$(this).click(function(){
		myLzw.removeClass("dianji");
		
		$(this).addClass("dianji");
		myDzw.hide();
		myDzw.eq(i).show();
	 });
　	});
});

			

$(function() {
//@Mr.Think***变量
var $cur = 1;//初始化显示的版面
var $i = 6;//每版显示数
var $len = $('.showbox>ul>li').length;//计算列表总长度(个数)
var $pages = Math.ceil($len / $i);//计算展示版面数量
var $w = $('.ibox').width();//取得展示区外围宽度
var $showbox = $('.showbox');
var $num = $('span.num li')
var $pre = $('span.pre')
var $next = $('span.next');
var $autoFun;
//@Mr.Think***调用自动滚动
autoSlide();
//@Mr.Think***向前滚动
$pre.click(function(){
	if (!$showbox.is(':animated')) {  //判断展示区是否动画
		if ($cur == 1) {   //在第一个版面时,再向前滚动到最后一个版面
			$showbox.animate({
				left: '-=' + $w * ($pages - 1)
			}, 500); //改变left值,切换显示版面,500(ms)为滚动时间,下同
			$cur = $pages; //初始化版面为最后一个版面
		}
		else {
			$showbox.animate({
				left: '+=' + $w
			}, 500); //改变left值,切换显示版面
			$cur--; //版面累减
		}
		$num.eq($cur - 1).addClass('numcur').siblings().removeClass('numcur'); //为对应的版面数字加上高亮样式,并移除同级元素的高亮样式
	}
});
//@Mr.Think***向后滚动
$next.click(function(){
	if (!$showbox.is(':animated')) { //判断展示区是否动画
		if ($cur == $pages) {  //在最后一个版面时,再向后滚动到第一个版面
			$showbox.animate({
				left: 0
			}, 500); //改变left值,切换显示版面,500(ms)为滚动时间,下同
			$cur = 1; //初始化版面为第一个版面
		}
		else {
			$showbox.animate({
				left: '-=' + $w
			}, 500);//改变left值,切换显示版面
			$cur++; //版面数累加
		}
		$num.eq($cur - 1).addClass('numcur').siblings().removeClass('numcur'); //为对应的版面数字加上高亮样式,并移除同级元素的高亮样式
	}
});
//@Mr.Think***数字点击事件
$num.click(function(){
	if (!$showbox.is(':animated')) { //判断展示区是否动画
		var $index = $num.index(this); //索引出当前点击在列表中的位置值
		$showbox.animate({
			left: '-' + ($w * $index)
		}, 500); //改变left值,切换显示版面,500(ms)为滚动时间
		$cur = $index + 1; //初始化版面值,这一句可避免当滚动到第三版时,点击向后按钮,出面空白版.index()取值是从0开始的,故加1
		$(this).addClass('numcur').siblings().removeClass('numcur'); //为当前点击加上高亮样式,并移除同级元素的高亮样式
	}
});
//@Mr.Think***停止滚动
clearFun($showbox);
clearFun($pre);
clearFun($next);
clearFun($num);
//@Mr.Think***事件划入时停止自动滚动
function clearFun(elem){
	elem.hover(function(){
		clearAuto();
	}, function(){
		autoSlide();
	});
}
//@Mr.Think***自动滚动
function autoSlide(){
	$next.trigger('click');
	$autoFun = setTimeout(autoSlide, 5000);//此处不可使用setInterval,setInterval是重复执行传入函数,这会引起第二次划入时停止失效
}
//@Mr.Think***清除自动滚动
function clearAuto(){
	clearTimeout($autoFun);
}
	

});

$(function() {
//@Mr.Think***变量
var $cur1 = 1;//初始化显示的版面
var $i1 = 4;//每版显示数
var $len1 = $('#cen_list1>ul>li').length;//计算列表总长度(个数)
var $pages1 = Math.ceil($len1 / $i1);//计算展示版面数量
var $w1 = $('#cen_list1').width();//取得展示区外围宽度
var $mp_center = $('#cen_list1 > ul');
var $num1 = $('.btnboxx span li');
var $pre1 = $('span a.zuojian');
var $next1 = $('span a.youjian');
var $autoFun;
//@Mr.Think***调用自动滚动
autoSlide();
//@Mr.Think***向前滚动
$pre1.click(function(){
	if (!$mp_center.is(':animated')) {  //判断展示区是否动画
		if ($cur1 == 1) {   //在第一个版面时,再向前滚动到最后一个版面
			$mp_center.animate({
				left: '-=' + $w1 * ($pages1 - 1)
			}, 500); //改变left值,切换显示版面,500(ms)为滚动时间,下同
			$cur1 = $pages1; //初始化版面为最后一个版面
		}
		else {
			$mp_center.animate({
				left: '+=' + $w1
			}, 500); //改变left值,切换显示版面
			$cur1--; //版面累减
		}
		$num1.eq($cur1 - 1).addClass('huaguo').siblings().removeClass('huaguo'); //为对应的版面数字加上高亮样式,并移除同级元素的高亮样式
	}
});
//@Mr.Think***向后滚动
$next1.click(function(){
	if (!$mp_center.is(':animated')) { //判断展示区是否动画
		if ($cur1 == $pages1) {  //在最后一个版面时,再向后滚动到第一个版面
			$mp_center.animate({
				left: 0
			}, 500); //改变left值,切换显示版面,500(ms)为滚动时间,下同
			$cur1 = 1; //初始化版面为第一个版面
		}
		else {
			$mp_center.animate({
				left: '-=' + $w1
			}, 500);//改变left值,切换显示版面
			$cur1++; //版面数累加
		}
		$num1.eq($cur1 - 1).addClass('huaguo').siblings().removeClass('huaguo'); //为对应的版面数字加上高亮样式,并移除同级元素的高亮样式
	}
});
//@Mr.Think***数字点击事件
$num1.click(function(){
	if (!$mp_center.is(':animated')) { //判断展示区是否动画
		var $index1 = $num1.index(this); //索引出当前点击在列表中的位置值
		$mp_center.animate({
			left: '-' + ($w1 * $index1)
		}, 500); //改变left值,切换显示版面,500(ms)为滚动时间
		$cur1 = $index1 + 1; //初始化版面值,这一句可避免当滚动到第三版时,点击向后按钮,出面空白版.index()取值是从0开始的,故加1
		$(this).addClass('huaguo').siblings().removeClass('huaguo'); //为当前点击加上高亮样式,并移除同级元素的高亮样式
	}
});
//@Mr.Think***停止滚动
clearFun($mp_center);
clearFun($pre1);
clearFun($next1);
clearFun($num1);
//@Mr.Think***事件划入时停止自动滚动
function clearFun(elem){
	elem.hover(function(){
		clearAuto();
	}, function(){
		autoSlide();
	});
}
//@Mr.Think***自动滚动
function autoSlide(){
	$next1.trigger('click');
	$autoFun = setTimeout(autoSlide, 5000);//此处不可使用setInterval,setInterval是重复执行传入函数,这会引起第二次划入时停止失效
}
//@Mr.Think***清除自动滚动
function clearAuto(){
	clearTimeout($autoFun);
}
	});
	
	
	$(function() {
//@Mr.Think***变量
var $cur2 = 1;//初始化显示的版面
var $i2 = 4;//每版显示数
var $len2 = $('#cen_list2>ul>li').length;//计算列表总长度(个数)
var $pages2 = Math.ceil($len2 / $i2);//计算展示版面数量
var $w2 = $('#cen_list2').width();//取得展示区外围宽度
var $cen_list2 = $('#cen_list2 > ul');
var $num2 = $('.btnboxx span li');
var $pre2 = $('span a.zuojian');
var $next2 = $('span a.youjian');
var $autoFun;
//@Mr.Think***调用自动滚动
autoSlide();
//@Mr.Think***向前滚动
$pre2.click(function(){
	if (!$cen_list2.is(':animated')) {  //判断展示区是否动画
		if ($cur2 == 1) {   //在第一个版面时,再向前滚动到最后一个版面
			$cen_list2.animate({
				left: '-=' + $w2 * ($pages2 - 1)
			}, 500); //改变left值,切换显示版面,500(ms)为滚动时间,下同
			$cur2 = $pages2; //初始化版面为最后一个版面
		}
		else {
			$cen_list2.animate({
				left: '+=' + $w2
			}, 500); //改变left值,切换显示版面
			$cur2--; //版面累减
		}
		$num2.eq($cur2 - 1).addClass('huaguo').siblings().removeClass('huaguo'); //为对应的版面数字加上高亮样式,并移除同级元素的高亮样式
	}
});
//@Mr.Think***向后滚动
$next2.click(function(){
	if (!$cen_list2.is(':animated')) { //判断展示区是否动画
		if ($cur2 == $pages2) {  //在最后一个版面时,再向后滚动到第一个版面
			$cen_list2.animate({
				left: 0
			}, 500); //改变left值,切换显示版面,500(ms)为滚动时间,下同
			$cur2 = 1; //初始化版面为第一个版面
		}
		else {
			$cen_list2.animate({
				left: '-=' + $w2
			}, 500);//改变left值,切换显示版面
			$cur2++; //版面数累加
		}
		$num2.eq($cur2 - 1).addClass('huaguo').siblings().removeClass('huaguo'); //为对应的版面数字加上高亮样式,并移除同级元素的高亮样式
	}
});
//@Mr.Think***数字点击事件
$num2.click(function(){
	if (!$cen_list2.is(':animated')) { //判断展示区是否动画
		var $index2 = $num2.index(this); //索引出当前点击在列表中的位置值
		$cen_list2.animate({
			left: '-' + ($w2 * $index2)
		}, 500); //改变left值,切换显示版面,500(ms)为滚动时间
		$cur2 = $index2 + 1; //初始化版面值,这一句可避免当滚动到第三版时,点击向后按钮,出面空白版.index()取值是从0开始的,故加1
		$(this).addClass('huaguo').siblings().removeClass('huaguo'); //为当前点击加上高亮样式,并移除同级元素的高亮样式
	}
});
//@Mr.Think***停止滚动
clearFun($cen_list2);
clearFun($pre2);
clearFun($next2);
clearFun($num2);
//@Mr.Think***事件划入时停止自动滚动
function clearFun(elem){
	elem.hover(function(){
		clearAuto();
	}, function(){
		autoSlide();
	});
}
//@Mr.Think***自动滚动
function autoSlide(){
	$next2.trigger('click');
	$autoFun = setTimeout(autoSlide, 5000);//此处不可使用setInterval,setInterval是重复执行传入函数,这会引起第二次划入时停止失效
}
//@Mr.Think***清除自动滚动
function clearAuto(){
	clearTimeout($autoFun);
}
	

});

	$(function() {
//@Mr.Think***变量
var $cur3 = 1;//初始化显示的版面
var $i3 = 4;//每版显示数
var $len3 = $('#cen_list3>ul>li').length;//计算列表总长度(个数)
var $pages3 = Math.ceil($len3 / $i3);//计算展示版面数量
var $w3 = $('#cen_list3').width();//取得展示区外围宽度
var $cen_list3 = $('#cen_list3 > ul');
var $num3 = $('.btnboxx span li');
var $pre3 = $('span a.zuojian');
var $next3 = $('span a.youjian');
var $autoFun;
//@Mr.Think***调用自动滚动
autoSlide();
//@Mr.Think***向前滚动
$pre3.click(function(){
	if (!$cen_list3.is(':animated')) {  //判断展示区是否动画
		if ($cur3 == 1) {   //在第一个版面时,再向前滚动到最后一个版面
			$cen_list3.animate({
				left: '-=' + $w3 * ($pages3 - 1)
			}, 500); //改变left值,切换显示版面,500(ms)为滚动时间,下同
			$cur3 = $pages3; //初始化版面为最后一个版面
		}
		else {
			$cen_list3.animate({
				left: '+=' + $w3
			}, 500); //改变left值,切换显示版面
			$cur3--; //版面累减
		}
		$num3.eq($cur3 - 1).addClass('huaguo').siblings().removeClass('huaguo'); //为对应的版面数字加上高亮样式,并移除同级元素的高亮样式
	}
});
//@Mr.Think***向后滚动
$next3.click(function(){
	if (!$cen_list3.is(':animated')) { //判断展示区是否动画
		if ($cur3 == $pages3) {  //在最后一个版面时,再向后滚动到第一个版面
			$cen_list3.animate({
				left: 0
			}, 500); //改变left值,切换显示版面,500(ms)为滚动时间,下同
			$cur3 = 1; //初始化版面为第一个版面
		}
		else {
			$cen_list3.animate({
				left: '-=' + $w3
			}, 500);//改变left值,切换显示版面
			$cur3++; //版面数累加
		}
		$num3.eq($cur3 - 1).addClass('huaguo').siblings().removeClass('huaguo'); //为对应的版面数字加上高亮样式,并移除同级元素的高亮样式
	}
});
//@Mr.Think***数字点击事件
$num3.click(function(){
	if (!$cen_list3.is(':animated')) { //判断展示区是否动画
		var $index3 = $num3.index(this); //索引出当前点击在列表中的位置值
		$cen_list3.animate({
			left: '-' + ($w3 * $index3)
		}, 500); //改变left值,切换显示版面,500(ms)为滚动时间
		$cur3 = $index3 + 1; //初始化版面值,这一句可避免当滚动到第三版时,点击向后按钮,出面空白版.index()取值是从0开始的,故加1
		$(this).addClass('huaguo').siblings().removeClass('huaguo'); //为当前点击加上高亮样式,并移除同级元素的高亮样式
	}
});
//@Mr.Think***停止滚动
clearFun($cen_list3);
clearFun($pre3);
clearFun($next3);
clearFun($num3);
//@Mr.Think***事件划入时停止自动滚动
function clearFun(elem){
	elem.hover(function(){
		clearAuto();
	}, function(){
		autoSlide();
	});
}
//@Mr.Think***自动滚动
function autoSlide(){
	$next3.trigger('click');
	$autoFun = setTimeout(autoSlide, 5000);//此处不可使用setInterval,setInterval是重复执行传入函数,这会引起第二次划入时停止失效
}
//@Mr.Think***清除自动滚动
function clearAuto(){
	clearTimeout($autoFun);
}
	

});


